
.nav-header {
  min-width: 90%;
  background-color: #303155;
  color: white;
}
.header-content{
  display: flex;
}
.header-left{
  margin: 12px 0px;
  display: flex;
  align-items: center;
}
.header-content ul{
  width: 80%;
}
.content-li{
  float: left;
  min-height: 60px;
  line-height: 8px;
  text-align: center;
  width: 9%;
}
.content-li p{
  margin-top: 8px;
}
.content-li:hover{
  position:relative;
  top:1px;
  left: 1px;
}
.icon-logo{
  min-height: 30px;
  width:30px;
  border-radius: 20px;
  margin-left: 10px;
}
.header-title{
  color: white;
  font-size: 14px;
  margin-left: 10px;
}
.right-app{
  width: 100%;
  min-height:60px;
  line-height:60px;
  margin-left: 50px;
}
.right-app .span{
  font-size: 12px;
  color: #0e7a1e;
  margin-left:5px;
}
.icon-logout{
  min-height: 30px;
  width:35px;
}
.message{
  height:14px;
  line-height: 15px;
  background-color: #FFA54F;
  font-size:8px;
  color: white;
  position: absolute;
  top: -10px;
  right:-6px;
  border-radius:2px;
}


